export default {
  // 导出对象
  // 这个对象也可以放组件中的相关内容,比如data,methods,computed,mounted
  // mixins就是相当于将各组件常用功能进行统一 的封装,提高代码复用率和效率
  data() {
    return {
      x: 0,
      y: 0,
    }
  },
  methods: {
    clickPoint(e) {
      console.log(e.pageX, e.pageY)
      this.x = e.pageX
      this.y = e.pageY
    },
  },
  mounted() {
    // document.addEventListener('click',function(e){
    // document.addEventListener('click',(e)=>{
    //   console.log(e.pageX,e.pageY)
    //   this.x = e.pageX
    //   this.y = e.pageY
    // })
    document.addEventListener("click", this.clickPoint)
  },
  beforeUnmount() {
    document.removeEventListener("click", this.clickPoint)
  },
}
